<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf - 8">
        <meta name = "viewport" content="
        initial-scale= 1.0,maximum-scale=1.0,user-scalable=no">
        <title>

        </title>
        <script src="C:/Users/24098/Desktop/978-7-302-48199-7《HTML5 App应用开发教程》教辅/配套资源包/chapter06/scripts/jquery-3.1.1.min.js">
        </script>
<style>
    #container{
        padding: 15px;
        border: 2px solid red;
    }
    #container li{
        list-style: none;
        display: block;
        border: 1px dashed black;
        margin:  5px auto;
        text-align: center;
    }
    div{
      margin: 0 auto;
      text-align: center;
    }
</style>
</head>
    
    <body>
        <ul id = "container">
            <li><img src="C:/Users/24098/Desktop/978-7-302-48199-7《HTML5 App应用开发教程》教辅/配套资源包/img/sina.png"/></li>
          
         </ul>
  <div>  
<input type="button" value = "复制" id="btnClone"/>

</div>  
        <script>
            
            $(function(){
                var $li = $("#container li");
                var $ul = $("#container")
                $("#btnClone").click(function(){
                    $li.clone(true).appendTo($ul);
                });
                $("ul li").click(function(){
                    alert($(this).html());
                });
               

            });
           
        </script>

    </body>
</html>